import React from "react"
import ReactDOM from "react-dom/client"
// import  App from './01_不使用Hook/App;'
// import App from './02_计数器实现对比/App';
// import App from './03_useState的使用/App';
// import App from "./04_useEffect的使用/App"
// import App from "./05_useContext的使用/App"
// import App from "./06_useReducer的使用（了解）/App"
// import App from "./07_useCallBack的使用/App"
// import App from "./08_useMemo的使用/App"
// import App from "./09_useRef的使用/App"
// import App from "./10_useImperativel-Handle/App"
// import App from "./11_useLayoutEffect使用/App"
// import App from "./12_自定义hooks/App"
// import App from "./13_redux中的hooks/App"
// import App from "./14_useId/App"
import App from "./15_useTransition/App"

// import { ThemeContext, UserContext } from "./05_useContext的使用/context"
import { UserContext, TokenContext } from "./12_自定义hooks/context"
import { Provider } from "react-redux"
import store from "./13_redux中的hooks/store"

const root = ReactDOM.createRoot(document.getElementById("root"))

root.render(
    // <React.StrictMod>
    <Provider store={store}>
        <UserContext.Provider value={{ name: "why", level: 99 }}>
            <TokenContext.Provider value={"codewhy"}>
                <App />
            </TokenContext.Provider>
        </UserContext.Provider>
    </Provider>
    // </React.StrictMod e>
)

// root.render(
//     // <React.StrictMod>
//     <UserContext.Provider value={{ name: "why", level: 99 }}>
//         <ThemeContext.Provider value={{ color: "red", size: 30 }}>
//             <App />
//         </ThemeContext.Provider>
//     </UserContext.Provider>
//     // </React.StrictMod e>
// )
